<html>
<head>
    <title>Dialog Test</title>
    <script>
        function show_alert() {
            alert("I am an alert box!");
        }

        function show_confirm() {
            var r = confirm("Press a button");
            var msg = r ? "You pressed OK!" : "You pressed Cancel!";
            document.getElementById('cm').innerText = msg;
        }

        function show_prompt() {
            var name = prompt("Please enter your name" ,"Harry Potter");
            if (name != null && name != "")
                document.getElementById('pm').innerText = "Hello " + name + "!";
        }

        // window.onbeforeunload = function() {
        //     return 'This is an onbeforeunload message.';
        // }

        function update_time() {
            document.getElementById('time').innerText = new Date().toLocaleString();
        }

        function setup() {
            update_time();
            setInterval(update_time, 1000);

            if (location.hostname != 'tests' && location.hostname != 'localhost') {
                alert('Parts of this page can only be run from tests or localhost.');
                return;
            }

            // Enable all elements.
            var elements = document.getElementById("form").elements;
            for (var i = 0, element; element = elements[i++]; ) {
                element.disabled = false;
            }
        }

        function show_file_dialog(element, test) {
            var message = 'DialogTest.' + test;
            var target = document.getElementById(element);

            // Results in a call to the OnQuery method in dialog_test.cpp
            window.cefQuery({
                request: message,
                onSuccess: function(response) {
                    target.innerText = response;
                },
                onFailure: function(error_code, error_message) {}
            });
        }

        function testRunFile() {
            ipc.emit("testRunFile");
        }

        //window.addEventListener('load', setup, false);
    </script>
</head>
<body bgcolor="white">
<form id="form">
    Click a button to show the associated dialog type.
    <br/><input type="button" onclick="show_alert();" value="Show Alert">
    <br/><input type="button" onclick="show_confirm();" value="Show Confirm"> <span id="cm"></span>
    <br/><input type="button" onclick="show_prompt();" value="Show Prompt"> <span id="pm"></span>
    <br/>input type="file" (.png): <input type="file" name="pic" accept=".png">
    <br/>input type="file" (image/*): <input type="file" name="pic" accept="image/*">
    <br/>input type="file" (multiple types): <input type="file" name="pic" accept="text/*,.js,.css,image/*">
    <br/>input type="file" (directory): <input type="file" webkitdirectory  accept="text/*,.js,.css,image/*">
    <br/><input type="button" onclick="show_file_dialog('fop', 'FileOpenPng');" value="Show File Open (.png)" disabled="true"> <span id="fop"></span>
    <br/><input type="button" onclick="show_file_dialog('foi', 'FileOpenImage');" value="Show File Open (image/*)" disabled="true"> <span id="foi"></span>
    <br/><input type="button" onclick="show_file_dialog('fom', 'FileOpenMultiple');" value="Show File Open (multiple types/files)" disabled="true"> <span id="fom"></span>
    <br/><input type="button" onclick="show_file_dialog('fof', 'FileOpenFolder');" value="Show File Open Folder" disabled="true"> <span id="fof"></span>
    <br/><input type="button" onclick="show_file_dialog('fs', 'FileSave');" value="Show File Save" disabled="true"> <span id="fs"></span>

    <p>
        <button onclick="testRunFile()">testRunFile</button>
    </p>
    <p id="time"></p>
</form>
</body>
</html>
